<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>会员注册管理系统</title>
    <style>
        * {
            cursor: pointer;
        }

        h1 {
            text-align: center;
        }

        .current {
            color: darkgreen;
        }

        h2 {
            text-align: center;
            font-size: 18px;
        }

        h2 a {
            margin-right: 15px;
            color: navy;
            text-decoration: none;
        }

        h2 a:hover {
            color: red;
        }

        .main {
            width: 50%;
            margin: 0 auto;
        }

        .main table {
            width: 100%;
            border-collapse: collapse
        }

        tr:last-of-type td {
            text-align: center;
        }

        tr:last-of-type td input {
            margin: 0 30px;
        }
    </style>
    <script>

    </script>
</head>
<body>
<h1>会员注册管理系统</h1>
<h2>
    <a href="index.php">首页</a>
    <a href="singup.php">会员注册</a>
</h2>
<div class="main">
    <form action="postReg.php" method="post" onsubmit="return checkInput()">
        <table borderColor="gray" border="2" cellpadding="10" cellspacing="0">
            <tr>
                <td align="right">用户名</td>
                <td align="left"><input type="text" name="username"></td>
            </tr>
            <tr>
                <td align="right">密码</td>
                <td align="left"><input type="password" name="password"></td>
            </tr>
            <tr>
                <td align="right">确认密码</td>
                <td align="left"><input type="password" name="r_password"></td>
            </tr>
            <tr>
                <td align="right">信箱</td>
                <td align="left"><input type="text" name="email"></td>
            </tr>
            <tr>
                <td align="right">性别</td>
                <td align="left">
                    <input type="radio" name="sex" value="1" checked>男
                    <input type="radio" name="sex" value="2">女
                </td>
            </tr>
            <tr>
                <td align="right">爱好</td>
                <td align="left">
                    <input type="checkbox" name="fav[]" value="听音乐">听音乐
                    <input type="checkbox" name="fav[]" value="玩游戏">玩游戏
                    <input type="checkbox" name="fav[]" value="踢足球">踢足球
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <input type="submit">
                    <input type="reset">
                </td>
            </tr>
        </table>
    </form>
</div>
</body>
</html>
